<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登记信息审核</title>
<link rel="stylesheet" type="text/css" href="common/layui/css/layui.css" media="all">
<link rel="stylesheet" type="text/css" href="common/bootstrap/css/bootstrap.css" media="all">
<link rel="stylesheet" type="text/css" href="common/global.css" media="all">
<link rel="stylesheet" type="text/css" href="css/personal.css" media="all">
<!-- Bootstrap -->
<link rel="stylesheet" href="common/bootstrap/css/bootstrap.min.css">
<script src="common/bootstrap/js/jquery.min.js"></script>
<script src="common/bootstrap/js/bootstrap.min.js"></script>
<!-- 分页插件 -->
<!--  PAGINATION plugin -->
<link rel="stylesheet" type="text/css" href="common/path/css/jquery.bs_pagination.min.css">
<script type="text/javascript" src="common/path/js/jquery.bs_pagination.min.js"></script>
<script type="text/javascript" src="common/path/js/localization/en.js"></script>
<!-- 页面一加载完，展示数据 -->
<script type="text/javascript" src="js/userApplicanttableEmployment.js"></script>
</head>
<body>
<div class="container">
	<div class="panel panel-primary">   
	     <div class="panel-heading">      
	         <h3 class="panel-title">查询条件</h3>   
		 </div>   
		 <div class="panel-body">      
		  <div class="col-xs-12">
		  	<div class="form-group col-sm-3">
		          <label for="firstname" class="control-label">单位名称：</label>                 
		         <input type="text" id="unit" class="form-control" placeholder="请输入单位名称">   
		      </div>
		      <div class="form-group col-sm-3">
		          <label for="firstname" class="control-label">姓名：</label>              
		          <input type="text" id="name" class="form-control" placeholder="请输入姓名">      
		      </div>
		      <div class="form-group col-sm-3">
		          <label for="firstname" class="control-label">手机号：</label>              
		          <input type="text" id="phone" class="form-control" placeholder="请输入手机号">      
		      </div>
		      <div class="form-group col-sm-3">
		          <label for="firstname" class="control-label">审核状态：</label>              
		          <select class="form-control" id="status" name="state" style="height:40px;">
		      <option value="" selected>请选择</option>
		      <option value="0">未审核</option>
		      <option value="1">审核通过</option>
		      <option value="2">审核未通过</option>
		     </select>      
		      </div>
		  </div>
		     <div class="row col-xs-12" style="margin-top:20px">
		           <div class="col-xs-6 text-left">         
		                <div class="form-group col-sm-6">
		           <label for="firstname" class="control-label">开始时间：</label>              
		           <input type="date" id="stateTime" class="form-control" placeholder="请输入时间">      
		       </div>
		       <div class="form-group col-sm-6">
		           <label for="firstname" class="control-label">结束时间：</label>              
		           <input type="date" id="endTime" class="form-control" placeholder="请输入时间">      
		       </div>
		           </div>
		           <div class="col-xs-6 text-right">
		           	  <button type="button" id="btn_through" class="btn btn-info" >通过</button>
		              <button type="button" id="btn_not_through" class="btn btn-info" data-toggle='modal' data-target='#ModalApplicanttable'>不通过</button>          
		              <button type="button" id="query-action-btn" class="btn btn-primary">查询</button>
		              <button type="button" id="query-action-btn-all" class="btn btn-primary">查询全部</button>       
		           </div>
		     </div>
		 </div>
	</div>
	<table class="table table-bordered table-striped table-hover" >     
		<thead>      
			<tr>
					<th class="col-sm-0.5 text-center"><input type='checkbox'
						id="all"></th>
					<th class="col-sm-0.5 text-center">编号</th>
					<th class="col-sm-2 text-center">单位名称</th>
					<th class="col-sm-1 text-center">姓名</th>
					<th class="col-sm-2 text-center">联系方式</th>
					<th class="col-sm-2 text-center">提交时间</th>
					<th class="col-sm-1.5 text-center">详情</th>
					<th class="col-sm-1 text-center">审核员</th>
					<th class="col-sm-1.5 text-center">审核状态</th>
				</tr>   
		</thead>   
		<tbody>      	  
		</tbody>
	</table>
	<div id="query-page"></div>
</div>
<!-- 模态框 -->
<div class="modal fade" id="ModalApplicanttable" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <form class="form-horizontal" >
			 <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		        <h4 class="modal-title">审核不通过原因</h4>
		     </div>
		     <div class="modal-body">
				<div class="form-group">
					<label class="col-sm-2 control-label" style="text-align: right;">原因：</label>
					<div class="col-sm-8">
						<textarea rows="" cols="" class="form-control" name="state" id="state" ></textarea>
					</div>
				</div>
		    </div>
		    <div class="modal-footer">
		    	<button type="button" id="btn_not_through_modal" class="btn btn-primary">提交</button>
		        <button type="button" class="btn btn-default" data-dismiss="modal">关闭 </button>
		    </div>
	    </form>
      </div><!-- /.modal-content -->
   </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>